<template>
  <div class="information wrapper">
    <el-row :gutter="20">
      <el-col :span="10" :offset="2">
        <div class="grid-content ep-bg-purple"/>
        摄像头型号：{{model}}
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="10" :offset="2">
        <div class="grid-content ep-bg-purple"/>
        摄像头供应商：{{factory}}
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="10" :offset="2">
        <div class="grid-content ep-bg-purple"/>
        已工作时间：{{worktime}}
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="10" :offset="2">
        <div class="grid-content ep-bg-purple"/>
        固件版本：{{hardware}}
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="10" :offset="2">
        <div class="grid-content ep-bg-purple"/>
        客服热线：<el-link>{{phone}}</el-link>
      </el-col>
    </el-row>

  </div>

</template>

<style scoped>
/* 隐藏滚动条 */
.wrapper::-webkit-scrollbar {
  display: none;
}
el-row {
  margin-bottom: 4px;
}

el-row:last-child {
  margin-bottom: 0;
}

el-col {
  border-radius: 4px;
}

.grid-content {
  border-radius: 4px;
  min-height: 30px;
}

.information {
  font-size: large;
  position: relative;
  height: 100%;
  top:20px;
}
</style>
<script>
export default {
  data(){
    return{
      model:"斧头牌",
      factory:"xx省xx市xxx区xx科技园",
      worktime:"520小时13分钟14秒",
      hardware:"1.0.2x",
      phone:"88888888"
    }
  }
}
</script>